<template>
  <div>
    <AddHeader class="layout-add-header"/>
    <nuxt class="layout-add-content"/>
  </div>
</template>
<script>
  import MobileBottom from '~/components/layout/mobile-bottom.vue'
  import AddHeader from '~/components/layout/add-header.vue'
  export default {
    data () {
      return {
      }
    },
    components: {
      MobileBottom,
      AddHeader
    },
    beforeCreate: function () {
    },
    methods: {}
  }
</script>
<style>
  .layout-add-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .layout-add-content {
    margin: 0 auto;
    margin-top: 60px;
  }
  @media all and (min-width: 1200px) {
    .layout-add-content {
      width: 75%;
      padding-left: 1%;
      padding-right: 1%;
    }
  }
  @media all and (min-width: 767px) and (max-width: 1200px) {
    .layout-add-content {
      width: 90%;
      padding-left: 1%;
      padding-right: 1%;
    }
  }
  @media all and (max-width: 766px) {
    .layout-add-content {
      width: 98%;
      padding-left: 1%;
      padding-right: 1%;
    }
  }

</style>
